<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />

<title>联想手机5s 烈焰红</title>

<link rel="icon" type="image/x-icon" href="img/HomePageImg/cat.png" />
<link rel="stylesheet" type="text/css" href="css/0923.css" />
<link rel= "stylesheet" type="text/css" href="css/HomePageCss/cool.css" />
<link rel="stylesheet" type="text/css" href="../static/css/sen/showcomment.css" />
<link rel="stylesheet" type="text/css"
	href="../static/bootstrap-3.3.7/dist/css/bootstrap-theme.min.css" />
<link rel="stylesheet" type="text/css"
	href="../static/bootstrap-3.3.7/dist/css/bootstrap.min.css" />
<script src="../static/js/jquery-1.12.4.min.js" type="text/javascript"
	charset="utf-8"></script>
<style type="text/css">

</style>
<script type="text/javascript">
function dojquery() {
	// 使用jquery进行ajax请求处理

	$.ajax({
		type : "GET",
		url : '../QueryComment',
		data : $("#reviewcontent").serialize(),
		dataType : "json",
		success : function(data) {
			// 将请求的数据放输出到div里面
			console.info(data);
			var strHtml = "";
			$.each(data, function(index, eachVal) {
				strHtml += "<div id='reviewcontent'>";
				
				strHtml += "<div id='userid' style='float:left;text-align:center;'>";
				strHtml += eachVal.userid;
				strHtml += "</div>";
				
				strHtml +="<div id='viewcontent'>";
				
				strHtml += "<div id='userreview'>";
				strHtml += eachVal.userreview;
				strHtml += "</div>";

				

				strHtml += "<div id='servicereview' style='width:1000px'>";
				strHtml += "<div>";
				strHtml += "客服：";
				strHtml += "</div>";
				strHtml += "&nbsp;&nbsp;&nbsp;&nbsp;"+eachVal.servicereview;
				strHtml += "</div>";
				
				strHtml += "</div>";
				strHtml += "</div>";
				
			});

			// 把解析的html内容，使用dom操作赋值到表格中
			$("#reviewcontent2").html(strHtml);
		},
		error : function(data) {
			alert("请求失败" + data);
		}

	});
}
</script>
<script>
	var nowShow = 1;

	function show(index) {
		if (Number(index)) {
			clearTimeout(sid);
			nowShow = index;
		}
		for (var i = 1; i < 5; i++) {
			if (i == nowShow)
				document.getElementById("img" + nowShow).style.display = "";
			else
				document.getElementById("img" + i).style.display = "none";
		}
		if (nowShow == 4)
			nowShow = 1;
		else
			nowShow++;
		sid = setTimeout('show()', 3000);
	}
</script>
</head>

<body onload="show()">
	<div id="logo" style="display: block; width: 60px; height: 40px;">

		<img src="img/sj/33.jpg" width="60" height="180"
			style="vertical-align: middle;" />

	</div>

	<div class="header1"
		style="height: 50px; width: 100%; margin-left: 60px; margin-top: 0px;">
		<div class="header11">
			<a href="">
				<h3>联想首页</h3>
			</a>
		</div>
		<div class="header11">
			<a href="">
				<h3>商城</h3>
			</a>
		</div>
		<div class="header11">
			<a href="">
				<h3>社区</h3>
			</a>
		</div>
		<div class="header11">
			<a href="">
				<h3>服务</h3>
			</a>
		</div>
		<div class="header11">
			<a href="">
				<h3>咨询</h3>
			</a>
		</div>
		<div class="header11">
			<a href="">
				<h3>门店</h3>
			</a>
		</div>
		<div class="header11" onclick="" latag="">

			<a class="header_up header_down" href="javascript:;">
				<h3>手机版</h3>
			</a>
		</div>
	</div>

	<div id="search" class="searchSytle text-center pinned"
		style="margin-top: 0px;">
		<ul>
			<!--链接到人家官网的各种-->
			<li><a
				href="https://s.lenovo.com.cn/index.html?destination=3&key=%E6%89%8B%E6%9C%BA"
				target="_blank"> 全部商品 </a></li>
			<li><a
				href="https://s.lenovo.com.cn/?key=%E8%81%94%E6%83%B3%E6%89%8B%E6%9C%BA"
				target="_blank"> 联想手机</a></li>
			<li><a href="https://www.motorola.com.cn/store/list/133.html"
				target="_blank"> moto手机</a></li>
			<li><a
				href="https://s.lenovo.com.cn/?key=%E6%89%8B%E6%9C%BA&destination=3&index=889-891"
				target="_blank"> 智能配件</a></li>
			<li><a href="https://shop.lenovo.com.cn/zcode/index.html"
				target="_blank"> Z码通道</a></li>
			<!--<li>
					<input type="text" class="form-control" placeholder="请输入搜索内容" />
				</li>
				<li>
					<a href="(ˉ▽￣～) ~~(ˉ▽￣～) ~~(ˉ▽￣～) ~~(ˉ▽￣～) ~~"><img src="img/sj/放大镜.jpg" /></a>
				</li>
				<li>
					<a href="(ˉ▽￣～) ~~(ˉ▽￣～) ~~(ˉ▽￣～) ~~(ˉ▽￣～) ~~" target="_blank">
						<img src="img/sj/登录图标.jpg" id="登录图标" /></a>
				</li>
				<li>
					<img src="img/sj/注册有礼.jpg" id="注册有礼" width="160px" height="20px" />
				</li>-->
		</ul>
	</div>

	<div style="width: 100%;">
		<div class="picture"
			style="width: 40%; margin-left: 8%; margin-top: 1%;">
			<img id="img1" src="img/sj/4.jpg" style="display: none;"
				width="460px" height="500px"> <img id="img2"
				src="img/sj/5.jpg" style="display: none;" width="460px"
				height="500px"> <img id="img3" src="img/sj/6.jpg"
				style="display: none;" width="460px" height="500px"> <img
				id="img4" src="img/sj/7.jpg" style="display: none;" width="460px"
				height="500px">
		</div>

		<div class="write"
			style="margin-left: 50%; margin-top: 3%; width: 40%;">
			<div id="write1">
				<h1 style="color: red;">联想5s 3GB+32GB烈焰红</h1>
			</div>
			<div id="write1">
				<h4 style="color: orange;">后置1300W双摄+1600W前置摄像头，智慧双摄，美耀全面屏</h4>
			</div>
			<div id="write1">
				<h3 style="color: yellow;">促销信息:</h3>
				<h4 style="color: greenyellow">下单满减：联想s5
					3GB+32GB下单满399减200元，到手价799</h4>
				<h4 style="color: blue">赠品：联想5s 赠原装保护壳+联想DP-20耳机（颜色随机）</h4>
				<p style="color: purple">温馨提示：如无质量问题，联想手机激活后将不支持七天无理由退货，请您谅解！</p>
			</div>
			<div id="write1">
				<h3 style="color: pink;">搭配赠品&nbsp;赠完为止</h3>
			</div>
			<div id="write2" style="width: 50%;">
				<img src="img/sj/8.jpg" height="100px" width="100px" href="" />
				<h4 style="color: peru;">DP-20双发声单元Hi-Fi耳机</h4>
			</div>
			<div id="write2" style="width: 50%;">
				<img src="img/sj/9.jpg" height="100px" width="100px" href="" />
				<h4 style="color: peru;">联想S5手机保护壳</h4>
			</div>
		</div>
	</div>

	<div style="clear: both"></div>
	<div class="detail"
		style="margin-top: 70px; display: block; width: 100%; height: 80px; text-align: center;">
		<g>
		<img src="img/sj/34.jpg" width="85px" height="70px" /></g>
		<a class="aaaa" href="javascript:void(0)"> <h22>商品详情</h22>
		</a> <a class="bbbb" href="javascript:void(0)"> <h22>配置信息</h22>
		</a> <a class="cccc" href="javascript:" onclick="dojquery()"> <h22>商品评价</h22>
		</a>
	</div>
	<div class="circle" style="display: block; margin-top: 100px;">
		<div id="circle1">
			<img src="img/sj/12.jpg" style="width: 100%;" />
		</div>
		<div id="circle1">
			<img src="img/sj/13.jpg" style="width: 100%;" />
		</div>
		<div id="circle1">
			<img src="img/sj/14.jpg" style="width: 100%;" />
		</div>
		<div id="circle1">
			<img src="img/sj/29.jpg" style="width: 100%;" />
		</div>
		<div id="circle1">
			<img src="img/sj/15.jpg" style="width: 100%;" />
		</div>
		<div id="circle1">
			<img src="img/sj/20.jpg" style="width: 100%;" />
		</div>
		<
		<div id="circle1">
			<img src="img/sj/16.jpg" style="width: 100%;" />
		</div>
		<div id="circle1">
			<img src="img/sj/26.jpg" style="width: 100%;" />
		</div>
		<div id="circle1">
			<img src="img/sj/32.jpg" style="width: 100%;" />
		</div>
	</div>

	<div style="clear: both"></div>
	<div class="circle2" style="display: none;">
		<h2 style="text-align: center;">主体</h2>
		<div id="1">
			<p>
			<h3>型号&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;k520</h3>
			</p>
		</div>
		<div id="1">
			<p>
			<h3>颜色&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;烈焰红</h3>
			</p>
		</div>
		<div id="1">
			<p>
			<h3>外观形态&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;全金属一体化机身，紧凑全面屏设计，精巧机身，舒适握感</h3>
			</p>
		</div>
		<div id="1">
			<p>
			<h3>系统&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;高通骁龙625</h3>
			</p>
		</div>
		<div id="1">
			<p>
			<h3>CPU核数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;八核</h3>
			</p>
		</div>
		<div id="1">
			<p>
			<h3>CPU频率&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.0GHz</h3>
			</p>
		</div>
		<h2 style="text-align: center;">存储</h2>
		<div id="1">
			<p>
			<h3>机身内存（ROM）&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;64GB</h3>
			</p>
		</div>
		<div id="1">
			<p>
			<h3>运行内存（RAM）&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4GB</h3>
			</p>
		</div>
		<div id="1">
			<p>
			<h3>最大存储扩展&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;128GB</h3>
			</p>
		</div>
		<h2 style="text-align: center;">显示屏</h2>
		<div id="1">
			<p>
			<h3>尺寸&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5.7英寸</h3>
			</p>
		</div>
		<div id="1">
			<p>
			<h3>手机分辨率&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2160*1080</h3>
			</p>
		</div>
		<div id="1">
			<p>
			<h3>触摸屏&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;电容屏，多点触控</h3>
			</p>
		</div>
		<h2 style="text-align: center;">感应与特殊功能</h2>
		<div id="1">
			<p>
			<h3>重力感应&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;支持</h3>
			</p>
		</div>
		<div id="1">
			<p>
			<h3>光线传感器&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;支持</h3>
			</p>
		</div>
		<div id="1">
			<p>
			<h3>距离感应&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;支持</h3>
			</p>
		</div>
		<h2 style="text-align: center;">摄像功能</h2>
		<div id="1">
			<p>
			<h3>摄像头&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;后置1300万（AF）+1300万像素（AF）双摄像头</h3>
			</p>
		</div>
		<div id="1">
			<p>
			<h3>闪光灯&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;双色温闪光灯</h3>
			</p>
		</div>
		<div id="1">
			<p>
			<h3>视频拍摄&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4k视频拍摄，1080p视频拍摄，720p视频拍摄</h3>
			</p>
		</div>
		<div id="1">
			<p>
			<h3>拍摄模式&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;背景虚化，夜景增强，黑白模式，相机扫码，HDR，专业模式，手势拍照，全景拍照，录像中拍照</h3>
			</p>
		</div>
	</div>
	<div class="comment-area" style="display: none;width:1200px">
		<div class="filter-lsit" style="width: 500px; height: 50px;">
			<ul class="comment-filter-list">
				<li><input type="radio" name="filter-radio" checked="checked"
					value="radio1">全部评价</input></li>
				<li><input type="radio" name="filter-radio" value="radio2">追评</input>
				</li>
				<li><input type="radio" name="filter-radio" value="radio3">有图的评价</input>
				</li>
			</ul>
		</div>
		<div id="reviewcontent1">
			<div id="userid" style="width: 150px; height: 210px; float: left;">183*******134</div>
			<div id="viewcontent">
				<div id="userreview" style="height: 99px;">很好~~起来很舒服！！！</div>
				<div id="servicereview"
					style="height: 75px; width:1000px; padding: 10px 20px; background-color: #E8E8E8; left: 10px;">
					<div>客服:</div>&nbsp;谢谢支持~！！</div>
			</div>
		</div>
		<div id="reviewcontent2"></div>
	</div>

	<div class="end" style="background-color: #33333; width:100%;height:100px" >
			<a href="">购物指南</a> <a href="">服务商信息</a> <a href="">购买流程</a> <a
				href="">注册登录</a> <a href="">联想商城</a> <a href="">o元试用</a> <a href="">极速到家</a>
			<a href="">联想合伙人</a> <a href="">私人订制</a> <a href="">以旧换新</a> <a
				href="">联想众筹</a> <a href="">驱动与软件下载</a> <a href="">保修配置查询</a> <a
				href="">服务政策查询</a> <a href="">上门快修</a> <a href="">联想IT管理服务</a>
	</div>
</body>

<script type="text/javascript"
	src="js/HomePageJs/iquery-1.12.4/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
	
</script>

<script type="text/javascript">
	$(".aaaa").click(function() {
		$(".circle").css("display", "block");
		$(".circle2").css("display", "none");
		$(".comment-area").css("display", "none");
	});

	$(".bbbb").click(function() {
		$(".circle2").css("display", "block");
		$(".circle").css("display", "none");
		$(".comment-area").css("display", "none");
	});
	$(".cccc").click(function() {
		$(".comment-area").css("display","inline-block");
		$(".comment-area").css("margin-left","150px");
		$(".circle").css("display", "none");
		$(".circle2").css("display", "none");

	})
</script>
<script>
	$(document).ready(function() {
		$("g").click(function() {
			$("h22").slideToggle("slow");

		});
	});
</script>

</html>